<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/register.css">
</head>
<body>
    <div id="res_logo">
        <img src="../images/topdark.svg" alt="">
    </div>
    <div id="res_all">
        <div class="res_left">
            <div>创建账户</div>
            <div>通过手机号码创建账户，您将成为Sisley法国希思黎会员。</div>
            <div>*号为必填</div>
            <div>
                <input type="text" value="13661200180" disabled="true">
            </div>
            <div>
                <input type="text" placeholder="* 图形验证码" id="div-text">
              <div class="div-btn"><input type="button" id="btn" >
                 <span id="num">
                  6666
              </span>    
            </div>
            <span class="ver-img">图形验证码校验失败</span>
            </div>
            <div>
                <input type="text" placeholder="*手机验证码" class="phone-ver" >
                <button id="dis-btn" disabled="true">发送验证码</button>
            </div>
            <div>
                <select name="" id="res-set">称谓
                    <option value="">女生</option>
                    <option value="">先生</option>
                </select>
                <input type="text" placeholder="*姓名" class="in-name">
            </div>
            <div>生日</div>
            <div class="time-div">
               <input type="text" placeholder="*年" class="in-year" >
               <input type="text" placeholder="*月" class="in-month">
               <input type="text" placeholder="*日" class="in-day">
               <div class="op-div">
                   <div>2020年</div>
                   <div>1999年</div>
                   <div>1998年</div>
                   <div>1997年</div>
                   <div>1996年</div>
                   <div>1995年</div>
                   <div>1994年</div>
                   <div>1993年</div>
                   <div>1992年</div>
                   <div>1991年</div>
                   <div>1990年</div>
                   <div>1998年</div>
                   <div>1989年</div>
                   <div>1988年</div>
                   <div>1987年</div>
                   <div>1986年</div>
                   <div>1985年</div>
                   <div>1984年</div>
                   <div>1983年</div>
                   <div>1982年</div>
                   <div>1981年</div>
                   <div>1980年</div>
                   <div>1979年</div>
                   <div>1978年</div>
                   <div>1977年</div>
                   <div>1976年</div>
                   <div>1975年</div>
                   <div>1974年</div>
                   <div>1973年</div>
                   <div>1972年</div>
               </div>
               <div class="month-div">
                   <div>1月</div>
                   <div>2月</div>
                   <div>3月</div>
                   <div>4月</div>
                   <div>5月</div>
                   <div>6月</div>
                   <div>7月</div>
                   <div>8月</div>
                   <div>9月</div>
                   <div>10月</div>
                   <div>11月</div>
                   <div>12月</div>
               </div>
               <div class="day-div">
                   <div>1日</div>
                   <div>2日</div>
                   <div>3日</div>
                   <div>4日</div>
                   <div>5日</div>
                   <div>6日</div>
                   <div>7日</div>
                   <div>8日</div>
                   <div>9日</div>
                   <div>10日</div>
                   <div>11日</div>
                   <div>12日</div>
                   <div>13日</div>
                   <div>14日</div>
                   <div>15日</div>
                   <div>16日</div>
                   <div>17日</div>
                   <div>18日</div>
                   <div>19日</div>
                   <div>20日</div>
                   <div>21日</div>
                   <div>22日</div>
                   <div>23日</div>
                   <div>24日</div>
                   <div>25日</div>
                   <div>26日</div>
                   <div>27日</div>
                   <div>28日</div>
                   <div class="two-nine">29日</div>
                   <div class="three-zero">30日</div>
                   <div class="three-one">31日</div>
               </div>
            </div>
            <div>*密码</div>
            <div>
                <input type="password" placeholder="密码必须至少包含6个字符" id="re-word">
            </div>
            <div>
                <input type="checkbox" checked=checked >
                <span>
                    &nbsp; 我已阅读并了解希思黎官网的
                    </span>
                <span>  条款与条件 </span>
                <span> &nbsp;和&nbsp; </span>
                <span> 隐私政策</span>
                <span>，并且同意接受其中所有的条
                </span>
                <span>款</span>
            </div>
            <div>
                <span class="become-number">创建账号</span>
            </div>
        </div>
<!-- .....................................................右侧................................................. -->
        <div class="res_right">    
                <div>  <img src="../images/gettyimages-large.902c844f.png" alt=""></div>
                <div>
                    <img src="../images/express-flower-gel-double-large.9ecb191b.png" alt="">
                </div>
                <div><img src="../images/my-sisley-club-title.0a77ddca.svg" alt=""></div>
                <div>加入Sisley法国希思黎致臻坊会员，即可 &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;享受会员臻萃奢护服务。</div>
                <div>会员积分礼遇</div>
                <div>悦享专属惊喜</div>
                <div>
                    了解更多
                </div>
           </div>
          <script src="../jquery-1.9.1/jquery-1.9.1.min.js"></script>
           <script src="../js/register.js"></script>
           
</body>
</html>